<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>v-for</title>
	<style>

	</style>
</head>
<body>

<div id="app">

	<div v-for="i of arr">{{ i }}</div>
	<hr>
	<div v-for="(value, index) in arr">{{ value }} -- {{ index }}</div>
	<hr>
	<div v-for="(value, name) in obj">{{ name }} -- {{ value }}</div>
	<hr>
	<div v-for="(value, name, index) in obj">{{ name }} -- {{ value }} -- {{ index }}</div>

</div>


<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.js"></script>
<script>
  let app = new Vue({
    el: '#app',
    data: {
			arr: ["PwZMsgu", "Qt5SYC", "6ym", "EoQ", "82q7JAiU"],
	    obj: {
			  "52f6c359-44b6-43c3-8f55-5875f951416e": "for",
		    "22bd9b6b-53af-440f-a080-1abe942952ca": "roast",
		    "8230989b-1530-4fc9-8fa6-e0392325d89b": "politics"
	    }
    }
  })
</script>
</body>
</html>